<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
form标签：表单
    作用：会将所有表单元素（文本框，密码框）用户输入的数据提交给服务器端

    action属性: 设置提交数据给服务器资源的地址，这里设置为#，代表当前自己
    点击登录后的效果：https://www.baidu.com/?username=admin1&password=123456
    默认使用get方式提交数据给服务器，提交方式需要设置表单form的method属性
        method="get",提交数据特点如下
            1.在地址栏上传递数据，明文传递数据，不安全
            2.提交数据大小有限制，不同的浏览器限制大小不一样，一般范围1~18KB
        method="post",提交数据特点如下
            1.在请求体（以后讲解）传递数据，非明文传递数据，安全
            2.提交数据大小没有限制
     企业实践：
        get与post，推荐使用post
     常见错误：
        大家经常会丢掉form表单标签，但是如果丢掉，什么数据都无法提交了

    扩展(以后讲解)： 提交数据方式常用get/post/put/delete, put/delte以后讲解
           浏览器提交同步请求目前只支持get/post,  异步请求支持4种方式
-->
<h1>用户登录</h1>
<form action="https://www.baidu.com" method="post">
<p>用户名：<input type="text" name="username"></p>   <!--文本框-->
<p>密码：<input type="password" name="password"></p>  <!--密码框-->
<p><input type="submit" value="登录"></p>  <!--提交按钮-->
</form>
</body>
</html>